#main { overflow: hidden }

.n1, .n2,
.e1, .e2,
.w1, .w2,
.s1, .s2,
.nw, .ne, .sw, .se
	{ background: url(rounded_border.gif) no-repeat }

.n1, .n2, .s1, .s2 { background-repeat: repeat-x }

.e1, .e2, .w1, .w2 { background-repeat: repeat-y }

.n1 { background-position: 0 -140px }
.n2 { background-position: 80px -140px }

.s1, .s2 {
	margin: 0 0 -140px 0;
	padding: 0 0 140px 0;
	}

.s1 { background-position: 0 bottom }
.s2 { background-position: 80px bottom }

.e1, .e2 {
	margin: 0 -140px 0 0;
	padding: 0 140px 0 0;
	}

.e1 { background-position: right 0 }
.e2 { background-position: right 80px }

.w1 { background-position: -140px 0 }
.w2 { background-position: -140px 80px }

.nw { background-position: -120px -120px }
.ne {
	background-position: right -120px;
	margin: 0 -120px 0 0;
	padding: 0 120px 0 0;
	}
.sw {
	background-position: -120px bottom;
	margin: 0 0 -120px 0;
	padding: 0 0 120px 0;
	}
.se {
	background-position: right bottom;
	margin: 0 -120px -120px 0;
	padding: 0 120px 120px 0;
	}